/*
 * @Author: liuying 247220246@qq.com
 * @Date: 2025-01-17 16:00:26
 * @LastEditors: liuying 247220246@qq.com
 * @LastEditTime: 2025-02-25 15:49:10
 * @FilePath: \my-book-react\src\components\bookCover\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from 'react';
import style from './index.module.scss';
import { Image } from '@/bases';
export interface BookCoverProps {
  src: string;
  alt: string;
  style?: React.CSSProperties & Partial<Record<'--width' | '--height' | '--border-radius', string>>;
}
const BookCover: React.FC<BookCoverProps> = React.memo((props) => {
  return (
    <div className={style.bookCover}>
      <Image className={style.coverImg} src={props.src} alt={props.alt} style={props.style} lazy={true} />
    </div>
  );
});
export default BookCover;
